<template>
  <div class="legend-row">
    <div class="row"><span>流量:</span></div>
    <div class="row"><div class="circle" style="background: #7FD165" /><span>小于10m³/s</span></div>
    <div class="row"><div class="circle" style="background: #309EF3" /><span>10m³/s-20m³/s</span></div>
    <div class="row"><div class="circle" style="background: #E8E500" /><span>20m³/s-50m³/s</span></div>
    <div class="row"><div class="circle" style="background: #F2A408" /><span>50m³/s-100m³/s</span></div>
    <div class="row"><div class="circle" style="background: #EF3C45" /><span>100m³/s-200m³/s</span></div>
    <div class="row"><div class="circle" style="background: #964FD2" /><span>200m³/s-500m³/s</span></div>
    <div class="row"><div class="circle" style="background: #C93EC0" /><span>大于500m³/s</span></div>
  </div>
</template>

<style scoped lang="less">
  @import "./legend";
</style>
